<template>
     <el-menu
          router
          class="el-menu-demo"
          mode="horizontal"
         
          background-color=" #6990bd"
          text-color="#fff"
          active-text-color="#ffd04b"
        >
          <el-menu-item index="1" route="/">主页</el-menu-item>

          <el-menu-item index="2" route="order" >我的订单</el-menu-item>

  

          <el-submenu index="3" class="nav_right">
            <template slot="title">我的</template>
            <el-menu-item index="login">登录</el-menu-item>
            <el-menu-item index="register">注册</el-menu-item>
            <el-menu-item index="mycenter">个人中心</el-menu-item>
          </el-submenu>

          <el-menu-item index="5" class="nav_right" route="/car">购物车</el-menu-item>

          <!-- <div class="welcome">欢迎XXX</div> -->
          <el-menu-item class="search"> </el-menu-item> </el-menu
      >
</template>



<style scoped>
.el-menu-demo{
  width: 80%;
  margin: 0px auto;
}

.nav_right {
  float: right;
}
.welcome {
  line-height: 60px;
  font-size: 24px;
  float: right;
  width: 100px;
  margin-right: 100px;
  color: rgb(74, 64, 161);
}
.search {
  float: right;
}



</style>